<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2321"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Remote Control</title>
    <link rel="stylesheet" href="css/flexselect.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="css/button.css" type="text/css" />
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <style>
     *{margin:0;}
      body{ 
        font-size:16px;
      }
      a,a:hover{
        text-decoration:none;
        cursor: pointer;
      }
      input#command_flexselect  { 
        width: 100%; 
      }
      label { font-weight: bold; }
      input, .flexselect_dropdown li { font-size: 20px; }
      small { color: #999; }
      .flexselect_selected small { color: #ddd; }
      ul li:hover{color:#fff;background-color:#000;cursor:pointer;}
      div.category{
        margin-top: 50px;
      }
      div.category>a{
      	margin-right:20px;
      }
    </style>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/liquidmetal.js" type="text/javascript"></script>
    <script src="js/jquery.flexselect.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $("select.special-flexselect").flexselect({ hideDropdownOnEmptyInput: true });
      });
    </script>
  </head>
  <body>
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">

      <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
                      <form method="post">
            <div><select class="special-flexselect" id="command" name="command" tabindex="1" data-placeholder="Input Command...">
             <option value=""></option>
              BBBBBBBBBBBBBBBBBBB
            </select>
            </div>
          </form>
        </div>
      </nav>


      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
              <div class="category">
              AAAAAAAAAAAAAAAAAAAAA
              </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
              CCCCCCCCCCCCCCCCCCCCCC
      </div>
    </div>
  </div>
  </body>
</html>